<template>
    <div> 
        <div class="top">
            <van-icon name="scan" size="30px" />
            <van-icon name="setting-o" size="30px" />
        </div>
        <p class="p_top">登录小默旅行，体验更多功能</p>
        <div class="top_icon">
            <van-icon name="underway" size="50px" color="rgb(249,193,50)" />
            <van-icon name="phone-circle" size="50px" color="rgb(136,8,255)" />
            <van-icon name="umbrella-circle" size="50px"  color="rgb(93,96,247)" />
            <van-icon name="wechat" size="50px" color="rgb(54,219,129)" />
        </div>
        <div class="main_one">

            <div>
                <div>
                    <svg t="1726830362964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1886" id="mx_n_1726830362965" width="200" height="200"><path d="M450.04 209.63H784v333.96H450.04z" fill="#0061b2" p-id="1887"></path><path d="M816.43 846H206.57V177h379.06l230.8 246.41V846z" fill="#0061b2" p-id="1888"></path><path d="M337 523h350v60H337zM337 655h234v60H337z" fill="#0061b2" p-id="1889"></path></svg>
                    <p>我的门票</p>
                </div>
                <div>
                    <svg t="1726830094118" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="981" width="32" height="32"><path d="M910.222222 414.037333v331.832889c0 36.636444-29.752889 66.389333-66.389333 66.389334H180.167111A66.446222 66.446222 0 0 1 113.777778 745.813333V414.037333h796.444444zM806.343111 523.377778h-7.68c-3.811556 0-7.623111 0-11.434667 3.811555l-7.68 7.623111-45.909333 72.704-42.097778-72.704c0-3.811556-3.754667-3.811556-7.623111-7.623111-3.811556-3.811556-7.623111-3.811556-11.434666-3.811555-7.68 3.811556-11.491556 3.811556-15.36 7.623111 0 3.811556-3.754667 7.623111-3.754667 11.491555 0 3.811556 3.811556 7.623111 3.811555 11.434667 0 0.967111 0.227556 1.706667 0.568889 2.275556l2.616889 3.128889 0.625778 2.275555 38.229333 61.212445h-38.229333c-3.811556 0-7.623111 0-11.491556 3.811555 0 3.811556-3.811556 7.623111-3.811555 11.491556 0 3.811556 3.811556 7.623111 3.811555 11.434666 3.868444 0 7.68 3.811556 11.491556 3.811556h53.532444v15.36h-53.532444c-3.811556 0-7.623111 0-11.491556 3.811555 0 3.811556-3.811556 7.623111-3.811555 11.434667 0 3.868444 0 7.68 3.811555 11.491556 3.868444 3.811556 7.68 7.623111 11.491556 7.623111h53.532444v26.794666c0 7.68 3.811556 11.491556 7.68 15.303112 3.811556 3.811556 11.434667 3.811556 19.114667 3.811555 19.114667 0 26.737778-7.623111 26.737778-22.926222v-26.737778h53.589333c3.811556 0 7.623111 0 11.434667-3.868444 0-3.811556 3.868444-7.623111 3.868444-11.491556 0-3.811556 0-7.623111-3.868444-11.434667-3.811556 0-7.623111-3.868444-11.434667-3.868444H768v-15.303111h53.589333c3.811556 0 11.434667 0 11.434667-3.811556s3.868444-7.623111 3.868444-11.434666c0-3.868444 0-7.68-7.68-15.36-3.811556 0-7.623111-3.811556-11.491555-3.811556h-42.097778l42.097778-65.024c3.868444-3.811556 3.868444-11.434667 3.868444-15.303111 0-3.811556-3.868444-3.811556-3.868444-7.623111l-3.811556-3.811556c-3.811556-3.811556-3.811556-3.811556-7.623111-3.811555z m37.546667-352.711111C880.412444 170.666667 910.222222 200.419556 910.222222 237.056v88.462222H113.777778V237.056C113.777778 200.419556 143.530667 170.666667 180.167111 170.666667z" fill="#dd7d1e" p-id="982"></path></svg>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup> 
 
</script>

<style lang="scss" scoped>
.top{
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
}
.p_top{
        text-align: center;
}
.top_icon{
    display: flex;
    justify-content: space-around;
    margin: 10vw 15vw;
    width: 70vw;
}

</style>